<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

<head>
  <meta http-equiv="Content-Type"  content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Cache-Control" content="no-cache" />
  <meta http-equiv="Pragma"        content="no-cache" />
  <meta http-equiv="Cache-Control" content="no-store" />
  <meta http-equiv="Cache-Control" content="must-revalidate" />
  <meta http-equiv="Expires"       content="Tue, 7 June 2011 10:00:00 GMT" />
  <style type="text/css">
    body, html { font-family:helvetica,arial,sans-serif; font-size:90%; width: 100%; height: 100%; margin: 0;}
  </style>
  <link rel="stylesheet" type="text/css" href="D:/WorkDev/dojoDemo/WebContent/js/dojo-root/dijit/themes/claro/claro.css" />

  <title>Dojo Demo</title>
        
  <script type="text/javascript">
    var djConfig = {
      parseOnLoad: true,
      baseUrl:"D:/WorkDev/dojoDemo/WebContent",
      modulePaths : {
        "dijit" : "js/dojo-root/dijit",
        "dojo" : "js/dojo-root/dojo",
        "dojox" : "js/dojo-root/dojox"
      }
    };
  </script>    
  <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"></script>  -->
  <script type="text/javascript" src="D:/WorkDev/dojoDemo/WebContent/js/dojo-root/dojo/dojo.js"></script>     
  <script type="text/javascript" src="D:/WorkDev/dojoDemo/WebContent/js/common/common.js"></script>     
  <script type="text/javascript" src="D:/WorkDev/dojoDemo/WebContent/js/init.js"></script>     
  <script type="text/javascript" src="D:/WorkDev/dojoDemo/WebContent/js/debug/debugUtil.js"></script>     
  
  <script type="text/javascript">
    dojo.require("dijit.layout.BorderContainer");
    dojo.require("dijit.layout.TabContainer");
    dojo.require("dijit.layout.AccordionContainer");
    dojo.require("dijit.layout.ContentPane");
    dojo.require("dijit.form.Button");
  </script>
  
  <script>
    initBaseURL();
    console.log("WebApp's base url: "+baseURL());
  </script>

</head>

<body class="claro">

  <!-- CONTENT -->
  <!-- <div id="appContent"> --> <!-- This div acts as a reference to put dynamic content -->
  	<div id="appContent2" dojoType="dijit.layout.ContentPane" region="center">
    	<div id="appSpecificContent" dojoType="dijit.layout.TabContainer" region="center" style="width: 400px; height: 100px;" tabPosition="left-h"	tabStrip="true">
      	<div dojoType="dijit.layout.ContentPane" title="My first tab"	selected="true">Lorem ipsum and all around...</div>
      	<div dojoType="dijit.layout.ContentPane" title="My second tab"> Lorem ipsum and all around - second...</div>
	      <div dojoType="dijit.layout.ContentPane" title="My last tab"> Lorem ipsum and all around - last...</div>
  	    <!-- <div dojoType="dijit.layout.ContentPane" title="My external content tab" href="extContentPage.html"> -->
    	  <div id="extContentDemoId2" dojoType="dijit.layout.ContentPane" title="My external content">
      	  <button id="btn1" dojoType="dijit.form.Button">Load another content page 
        	  <script type="dojo/method" event="onClick" args="evt">
          	  //dijit.byId(this.id).set("href", "extContentPage2.html");
            	dijit.byId("btn1").value = "changed button name on click";
	            dijit.byId("extContentDemoId2").innerHTML += " Clicked ";
  	          dijit.byId("extContentDemoId2").setHref("./extContentPage2.html");
    	      </script>
      	  </button>
        	Lorem ipsum and all around - external content page ...
	      </div>
  	    <div id="extContextMenuDemoId2" dojoType="dijit.layout.ContentPane" title="My external context menu demo">
    	    <button id="btn2" dojoType="dijit.form.Button">Load external context menu demo page 
      	    <script type="dojo/method" event="onClick" args="evt">
        	    dijit.byId("extContextMenuDemoId2").innerHTML += " Clicked ";
          	  dijit.byId("extContextMenuDemoId2").setHref("samples/contextMenuDemo.html");
	          </script>
  	      </button>
    	    Lorem ipsum and all around - external context menu demo ...
      	</div>
	    </div>
    </div>

</body>

</html>